@charset "utf-8";

li{
    list-style: none;
}
a{
    text-decoration: none;
}
body{
    font-family: "arial", "sans-serif", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
@media (min-width: 1200px) {
    .container{
        width: 1000px;
    }
}
.page-header{border: 0 none;}

::-webkit-scrollbar {
    width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,255,0.3);
    border-radius:5px;
    background: rgba(0,0,222,0.1);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,255,0.2);
    -webkit-box-shadow:inset006pxrgba(0,0,255,0.5);
}
//::-webkit-scrollbar-thumb:window-inactive {
//  background:rgba(0,0,255,0.2);
//}


.web{
    .navbar{
        background-color: #222;
        border: 0 none;
        border-radius: 0;
        margin-bottom: 0;
        
        @media (min-width: 1200px){
            .container {
                width: 1000px;
            }
        }
        .navbar-header{
            .navbar-toggle{
                &:hover,&:focus{
                    background-color: #080808;
                }
            }
            .navbar-brand{
                padding: 7px 15px;
            }
        }
        .collapse{
            max-height: initial;
            .nav{
                li{ 
                    a{
                        color: #9d9d9d;
                        &:hover{
                            color: #fff;
                        }
                    }
                }
                .active{
                    a{
                        color: #fff;
                        background-color: #080808;
                    }
                    
                }
                .open{
                    
                    .dropdown-toggle{
                        color: #fff;
                        background-color: #080808;
                    }
                    .dropdown-menu{
                        a{
                            color: #333;
                            &:hover{
                                color: #333;
                            }
                        }
                    }
                    
                }
            }
            @media(min-width: 768px) and (max-width: 1000px){
                .nav{
                    li{
                        a{
                            padding-left: 5px;
                            padding-right: 5px;
                        }
                    }
                }
            }
        }
    }
    

// footer
    .footer{
        background-color: #3b3b3b;
        padding-bottom: 21px;
        @media (min-width: 1200px){
            .container {
                width: 1000px;
            }
        }
        .row{
            .col-md-8{
                ul{
                    // display: block;
                    overflow: hidden;
                    padding-top: 20px;
                    padding-left: 0;
                    margin-bottom: 0;
                    li{
                        width: 70px;
                        height: 25px;
                        margin-top: 10px;
                        line-height: 25px;
                        text-align: left;
                        float: left;
                        a{
                            color: #A1A3AB;
                            &:hover{
                                color: #fff;
                                text-decoration: none;
                            }
                        }
                    }
                }
                p{
                    color: #A1A3AB; 
                    float: left;
                    font-size: 12px;
                    padding: 5px 0;
                }
            }
            .col-md-4{
                .footerwrap{
                    margin-top: 38px;
                    float: right;
                    position: relative;
                    margin-right: 50px;
                    .wrap{
                        float: left;
                        a{
                            display: block;
                            width: 38px;
                            height: 38px;
                            background: url(../img/footer.png) no-repeat;
                            margin-right: 18px;
                            
                        }
                        .email{
                            position: absolute;
                            top: -152px;
                            left: -50px;
                            display: none;
                        }
                        .weixin{
                            position: absolute;
                            width: 142px;
                            height: 150px;
                            top: -152px;
                            left: 5px;
                            display: none;
                            img{
                                width: 100%;
                            }
                        }
                        .qq{
                            position: absolute;
                            top: -152px;
                            left: 62px;
                            display: none;
                        }
                        .pic1{
                            background-position: 0 0;
                            &:hover+.email{
                                display: block;
                            }
                        }
                        .pic2{
                            background-position: -58px 0px;
                            &:hover+.weixin{
                                display: block;
                            }
                        }
                        .pic3{
                            background-position: -116px 0;
                            margin-right: 0;
                            &:hover+.qq{
                                display: block;
                            }
                        }
                        
                    }
                    
                }
            }
        }
    }
}